<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户中心</title>
<style>
body{ background-color:#CFF;}
 
#menu3{
	margin-top: 30px;
	padding-bottom: 15px;

	height: 30px;
	box-shadow:0px 2px 1px -1px #999;
	          _webkit-box-shadow:0px 2px 1px -1px #999;
	          _moz-box-shadow:0px 2px 1px -1px #999;
}
#menu3 li{
	list-style: none;
	float: left;
	margin-right: 20px;
}
#uleft{
	margin-top: 20px;
	padding: 0;
	float: left;
	width: 150px;
	height: 400px;
	border: 1px solid #CFF;
	border-radius: 10px;
	background-color: #FFF;
	}
#pic01{
	margin: 0;
	padding: 10px;
	width: 128px;
	height: 128px;
	}
#pic01 img{
	width: 128px;
	height: 128px;
	display: block;
	}
#lie01 ul{
	margin: 0;
		}
#lie01 li{
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #CCC;
	}
#lie01 .onblue{
	background-color: #00F;
	color: #FFF;
	font-weight: bold;
	}
	
	
#uright{
	margin-top: 20px;
	padding: 0;
	float: right;
	width: 900px;
	height: auto;
	background-color: #FFF;
	border-radius: 20px;
    }

.lie{
	margin: 0;
	padding: 0;
	border: 1px solid #CFF;
	border-radius: 20px;
	display: none;
	}
.lie h3{
	background-color: ;
    padding-left: 20px;
	border-bottom: 1px solid #CCC;
	}
.lie div{
	height: 500px;
	}

</style>
<script src="js/jquery.js"></script>
<script>
$(document).ready(function() {
    var num = $('#lie01 li').length;
	var i_num = 0;
	
	$('#uright div').eq(0).show();
	$('#uright div').eq(1).show();
	//$('#uright div:gt(0)').hide(); //页面加载仅显示第一张图片
	
	//点击li切换效果
	$('#lie01 li').click(
	    function(){
			
			//切换li
			$(this).addClass('onblue').siblings('li').removeClass('onblue');
			//切换div
			var i_num1 = $('#lie01 li').index(this)*2;
			$('#uright div').eq(i_num1).show().siblings('div').hide(0);
			$('#uright div').eq(i_num1+1).show().siblings('div').hide(0);
			i_num = i_num1;
			}
	);

});
</script>

</head>

<body>
<?php
include "head.php";
?>

<div id="tbody" style="width: 1100px; height: auto; margin: 20px auto; border: 0px solid #000; overflow: hidden;">
    <div id="menu3"> 
            <ul>
                
          <?php
		        //循环输出menu1，并赋id给其超链接
		    $query1 = "select * from product_class order by show_order";
			$result1 = $aa->excu($query1);
			while ($product_class = mysqli_fetch_array($result1, MYSQLI_ASSOC))	{	

		?>
                
                
                <li><a href="shoppingmall.php?action=creat&id=<?php echo $product_class['id']; ?>">
				<?php echo $product_class['class_name']; ?></a>

                </li>
          <?php
			      }
	   	?>
            </ul>
        </div>
       
      <div id="uleft">
          <div id="pic01"><img src="<?php if(@$user['img'] != ''){ echo $user['img'];}else{ echo 'user/img/mopic.jpg';} ?> "/></div>
          <div id="lie01">
              <ul>
                  <li>我的订单</li>
                  <li>售后服务</li>
                  <li>我的优惠</li>
                  <li>账户资料</li>
                  <li>收货地址</li>
              </ul>
          </div>
      
      </div>
      <div id="uright">
          <div  class="lie">
              <h3>我的订单</h3>
              <div><p style="margin:0 auto; text-align: center;">程序员心情不好什么都没写！</p></div>
          </div>
          
          <div  class="lie">
              <h3>售后服务</h3>
              <div></div>
          </div>
          
          <div  class="lie">
              <h3>我的优惠</h3>
              <div></div>
          </div>
          
          <div  class="lie">
              <h3>账户资料</h3>
              <div></div>
          </div>
          
          <div  class="lie">
              <h3>收货地址</h3>
              <div></div>
          </div>
      
      </div>





</div>
<?php
include "foot.php";
?>
</body>
</html>